﻿@using Kevin.Shop.Business.SalesManagement.Enumerations
@using RiderShop.Mobile.Common.Component
@using Kevin.Shop.Business.SalesManagement.Components.Order
@model RiderShop.Mobile.Modle.MyAccount.OrderModel
@{
    Layout = "../Shared/_MobileLayout.cshtml";
}
@section header
{
<link href="~/Themes/Rongji/Style/base/css/comments.css">
}
@section title
{
    发表评价
}
@section pagetitle
{
    发表评价
}
<div class="userCenterHeader">
    <span class="iconWrapper">
        <img src="../../assert/base/imgs/icon_ping.png">
    </span>
    <h3>发表评价</h3>
    <br class="clearfix">
</div>
<div class="box">
    <div class="comment-container">
        <a href="" class="links">
            <span><img src="./orderComments_files/1411162323436220.jpg"></span>
            <label>
                <label class="table">
                    <div class="line1">
                        <span>test1111</span>
                    </div>
                    <div class="line2">
                        <span>￥0.10</span>
                    </div>
                    <div class="line3">
                        <span>白色</span>
                    </div>
                </label>
            </label>
        </a>
        <div class="star-line">
            <span>星级</span>
            <label class="re3">
                <ul>
                    <li onclick="review(1,this)"></li>
                    <li onclick="review(2,this)"></li>
                    <li onclick="review(3,this)"></li>
                    <li onclick="review(4,this)"></li>
                    <li onclick="review(5,this)"></li>
                </ul>
                <span class="retext">中评</span>
            </label>
            <input type="hidden" name="star" value="3">
            <input type="hidden" name="orderId" value="29749">
            <script type="text/javascript">
                function review(num, elm) {
                    $(elm).parent().parent().get(0).className = "re" + num + "";
                    if (num == 1) {
                        $('.retext', $(elm).parent().parent()).html("差评");
                    } else if (num == 2 || num == 3) {
                        $('.retext', $(elm).parent().parent()).html("中评");
                    } else if (num == 4 || num == 5) {
                        $('.retext', $(elm).parent().parent()).html("好评");
                    }
                    $('input[name="star"]').val(num);
                }
            </script>
        </div>
        <div class="textarea">
            <input type="text" placeholder="请留下您的评价">
            <textarea placeholder="亲，请再多美言几句..."></textarea>
        </div>
        <div class="btn-group btn-group-justified btn-wrapper" role="group" aria-label="...">
            <div class="btn-group" role="group">
                <button type="button" class="btn" onclick="javascript:window.history.go(-1)">取消</button>
            </div>
            <div class="btn-group" role="group">
                <button type="button" class="btn btn-success" onclick="evaluation(153001);">发表</button>
            </div>
        </div>
        <br class="clearfix">
    </div>  
</div>

            <!-- InstanceEndEditable --> 

    <!--Begin Footer-->
    <footer>
    	<div class="innerwrapper">
        	<div class="footer_bg">
            	<div class="footer_bg_top">
                	<img src="../../assert/base/imgs/footer_bg_top.png">
                </div>
                <div class="footer_bg_body">
                	<img src="../../assert/base/imgs/footer_bg.png">
                    <nav>
                        <ul>
                            <li id="home" class="current"><a href="../home/index.html"><img src="../../assert/base/imgs/f1.png" alt="首页"></a></li>
                            <li id="category"><a href="../category/index.html"><img src="../../assert/base/imgs/f2.png" alt="分类"></a></li>
                            <li id="myaccount"><a href="index.html"><img src="../../assert/base/imgs/f3.png" alt="个人中心"></a></li>
                            <li id="search"><a href="../search/index.html"><img src="../../assert/base/imgs/f4.png" alt="搜索"></a></li>
                        </ul>
                    </nav>
                    <div class="shopcart_icon">
                        <span>购物车</span>
                        <a href="../purchase/shoppingCart.html">
                        <div class="cart_badge">
                            <img src="../../assert/base/imgs/shopcart_empty.png">
                            <em class="badge">1</em>
                        </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!--End Footer-->
</div>
<script type="text/javascript">
	//隐藏底部菜单
	document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
		WeixinJSBridge.call('hideToolbar');
	});
</script>
@section footer
{
<script>
    $(function () {
        //让toolbar选中
        var $homeImg = $("#homeImg");
        var $categoryImg = $("#categoryImg");
        var $myaccountImg = $("#myaccountImg");
        var $searchImg = $("#searchImg");

        $homeImg.attr("src", "/Themes/RongJi/Style/base/imgs/f10.png");
        $categoryImg.attr("src", "/Themes/RongJi/Style/base/imgs/f2.png");
        $myaccountImg.attr("src", "/Themes/RongJi/Style/base/imgs/f3_c.png");
        $searchImg.attr("src", "/Themes/RongJi/Style/base/imgs/f4.png");
    });
</script>
}